*{
	margin:0px;
	padding:0px;
}

.box{
	width:300px;
	height:300px;
	margin:auto;
	margin-top:100px;
	background-image:url(../img/clock.jpg);
	background-size:100%;
	background-position:center;
	position:relative;
}

.hour{
	width:8px;
	height:80px;
	background-color:#2c2c2c;
	border-top-left-radius:50%;
	border-top-right-radius:50%;
	position: absolute;
	top:70px;
	left:146px;
	transform-origin:center bottom;
	transform: rotate(-60deg);
}

.minute{
	width:6px;
	height:100px;
	background-color: gold;
	border-top-left-radius:50%;
	border-top-right-radius:50%;
	position: absolute;
	top:50px;
	left:146px;
	transform-origin:center bottom;
	transform: rotate(60deg);
}

.second{
	width:4px;
	height:120px;
	background-color: red;
	border-top-left-radius:50%;
	border-top-right-radius:50%;
	position: absolute;
	top:30px;
	left:146px;
	transform-origin:center bottom;
	transform: rotate(0deg);
	animation:a 60s infinite;
}

@keyframes a{
	1.67%{transform:rotate(6deg);}
	3.33%{transform:rotate(calc(6deg*2));}
	5.00%{transform:rotate(calc(6deg*3));}
	6.67%{transform:rotate(calc(6deg*4));}
	8.33%{transform:rotate(calc(6deg*5));}
	10.00%{transform:rotate(calc(6deg*6));}
	11.67%{transform:rotate(calc(6deg*7));}
	13.33%{transform:rotate(calc(6deg*8));}
	15.00%{transform:rotate(calc(6deg*9));}
	16.67%{transform:rotate(calc(6deg*10));}
	18.33%{transform:rotate(calc(6deg*11));}
	20.00%{transform:rotate(calc(6deg*12));}
	21.67%{transform:rotate(calc(6deg*13));}
	23.33%{transform:rotate(calc(6deg*14));}
	25.00%{transform:rotate(calc(6deg*15));}
	26.67%{transform:rotate(calc(6deg*16));}
	28.33%{transform:rotate(calc(6deg*17));}
	30.00%{transform:rotate(calc(6deg*18));}
	31.67%{transform:rotate(calc(6deg*19));}
	33.33%{transform:rotate(calc(6deg*20));}
	35.00%{transform:rotate(calc(6deg*21));}
	36.67%{transform:rotate(calc(6deg*22));}
	38.33%{transform:rotate(calc(6deg*23));}
	40.00%{transform:rotate(calc(6deg*24));}
	41.67%{transform:rotate(calc(6deg*25));}
	43.33%{transform:rotate(calc(6deg*26));}
	45.00%{transform:rotate(calc(6deg*27));}
	46.67%{transform:rotate(calc(6deg*28));}
	48.33%{transform:rotate(calc(6deg*29));}
	50.00%{transform:rotate(calc(6deg*30));}
	51.67%{transform:rotate(calc(6deg*31));}
	53.33%{transform:rotate(calc(6deg*32));}
	55.00%{transform:rotate(calc(6deg*33));}
	56.67%{transform:rotate(calc(6deg*34));}
	58.33%{transform:rotate(calc(6deg*35));}
	60.00%{transform:rotate(calc(6deg*36));}
	61.67%{transform:rotate(calc(6deg*37));}
	63.33%{transform:rotate(calc(6deg*38));}
	65.00%{transform:rotate(calc(6deg*39));}
	66.67%{transform:rotate(calc(6deg*40));}
	68.33%{transform:rotate(calc(6deg*41));}
	70.00%{transform:rotate(calc(6deg*42));}
	71.67%{transform:rotate(calc(6deg*43));}
	73.33%{transform:rotate(calc(6deg*44));}
	75.00%{transform:rotate(calc(6deg*45));}
	76.67%{transform:rotate(calc(6deg*46));}
	78.33%{transform:rotate(calc(6deg*47));}
	80.00%{transform:rotate(calc(6deg*48));}
	81.67%{transform:rotate(calc(6deg*49));}
	83.33%{transform:rotate(calc(6deg*50));}
	85.00%{transform:rotate(calc(6deg*51));}
	86.67%{transform:rotate(calc(6deg*52));}
	88.33%{transform:rotate(calc(6deg*53));}
	90.00%{transform:rotate(calc(6deg*54));}
	91.67%{transform:rotate(calc(6deg*55));}
	93.33%{transform:rotate(calc(6deg*56));}
	95.00%{transform:rotate(calc(6deg*57));}
	96.67%{transform:rotate(calc(6deg*58));}
	98.33%{transform:rotate(calc(6deg*59));}
	100.00%{transform:rotate(calc(6deg*60));}
}